.web-card {
  width: 190px;
  height: 254px;
  box-shadow: 0 15px 15px rgba(95, 95, 95, 0.212);
  background: $white-color;
  display: flex;
  justify-content: center;
  position: relative;
  transition: all 0.4s;
  &-footer {
    letter-spacing: 0.2em;
    position: absolute;
    bottom: 8px;
    left: 20px;
    color: rgb(51, 51, 51);
    font-size: $font-size-base;
    font-weight: 700;
  }
  &-content {
    width: 100%;
    height: 100%;
    box-shadow: 0 15px 15px rgba(95, 95, 95, 0.212);
    cursor: pointer;
    z-index: 2;
    transition: all 0.4s;
    background-color: #fff;
  }
  &:hover &-content {
    transform: translateY(-30px);
  }
  // round-----------------
  &.round {
    border-radius: 20px;
    .web-card-content {
      border-radius: 20px;
    }
  }
}
